
module.exports = {
  configureWebpack: {
    plugins: [
      // new BundleAnalyzerPlugin()
    ],
  },
  css: {
    loaderOptions: {
      // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      // 但是在配置 `prependData` 选项的时候
      // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
      // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
      scss: {
        prependData: `@import "~@/styles/variables.scss";`
      }
    }
  },
  devServer: {
    proxy: {
      "/boss": {
        target: "http://eduboss.lagounews.com",
        changeOrigin: true // 把请求头中的 host 配置为 target
      },
      "/front": {
        target: "http://edufront.lagounews.com",
        changeOrigin: true
      }
    }
  },
  // 自定义打包入口
  chainWebpack: config => {
    // 生产环境
    config.when(process.env.NODE_ENV === 'production', config => {
      config.plugin('html').tap(args => {
        args[0].isProd = true
        return args
      })
      //使用externals设置排除项
      config.set('externals', {
        vue: 'Vue',
        'vue-router': 'VueRouter',
        axios: 'axios',
        'element-ui': "ELEMENT",
        nprogress: 'NProgress',
        vuex: 'Vuex',
        'wangeditor': "wangeditor"
      })
    })
    // 开发环境
    config.when(process.env.NODE_ENV === 'development', config => {
      config.plugin('html').tap(args => {
        args[0].isProd = false
        return args
      })
    })
  },
  // 首页内容定制
};
